﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>::Happy - โทรศัพท์แบบเติมเงินจากดีแทค::</title>
        <link href="${RESOURCE}/css/global.css" rel="stylesheet" type="text/css" />
        <link href="${RESOURCE}/css/customize.css" rel="stylesheet" type="text/css" />
        <script src="${RESOURCE}/tha/include/AC_RunActiveContent.js" type="text/javascript"></script>
        <script src="${RESOURCE}/scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
        <script src="${RESOURCE}/scripts/PageAction.js" type="text/javascript"></script>
        <script src="${RESOURCE}/scripts/validator.js" type="text/javascript"></script>
        <script type="text/javascript">
            var confirmPopUpMessage;

            function doSubmit() {
                if(validate()) {
                    $.ajax({
                        type : 'post',
                        url : '${pageContext.request.contextPath}/Balance2Transfer.do',
                        data : 'fnc=Balance2Transfer&action=confirm2transfer&sourcedest=' + $('#receiverPhoneNumber').val() + '&amt=' + $('#transferAmount').val(),
                        dataType : 'json',
                        success : function(data) {
                            if(checkResult(data)) {
                                confirmPopUpMessage = htmlDecode(data.errorMsg);
                                var popWidth = 455;
                                var popHeight = 210;
                                var left = ($(window).width() - popWidth) / 2;
                                var top = ($(window).height() - popHeight) / 2;
                                window.open('${pageContext.request.contextPath}/Template.html?page=Confirm', 'tinyWindow', 'width=' + popWidth + ', height=' + popHeight + ', top=' + top + ', left=' + left + ' ,location=no');
                            }
                        },
                        error : function(xhr, ajaxOptions, thrownError) {
                                alert(xhr.status + '\n' + thrownError);
                        }
                    });
                }
            }

            function validate() {
                var senderPhoneNumber = $('#senderPhoneNumber').val();
                var receiverPhoneNumber = $('#receiverPhoneNumber').val();
                var transferAmount = $('#transferAmount').val();
                if(!isInteger(receiverPhoneNumber, 10)) {
                    alert('ขอโทษค่ะ คุณใส่เบอร์ผู้รับโอนไม่ถูกต้อง กรุณาใส่เบอร์ 10 หลักค่ะ');
                    $('#receiverPhoneNumber').focus();
                    return false;
                }
                if(!isPhoneNumber0(receiverPhoneNumber)) {
                    alert('ขอโทษค่ะ คุณใส่เบอร์ผู้รับโอนไม่ถูกต้อง กรุณาใส่เบอร์ 10 หลักค่ะ');
                    $('#receiverPhoneNumber').focus();
                    return false;
                }
                if(receiverPhoneNumber == senderPhoneNumber) {
                    alert('ขออภัยค่ะ! ระบบไม่สามารถดำเนินการได้เนื่องจาก หมายเลขที่ทำการโอนและหมายเลขที่รับการโอนจะต้องเป็นคนละหมายเลข');
                    $('#receiverPhoneNumber').focus();
                    return false;
                }
                if(!isInteger(transferAmount)) {
                    alert('ขอโทษค่ะ คุณใส่จำนวนเงินไม่ถูกต้อง กรุณาใส่จำนวนเงินที่ต้องการโอนเป็นจำนวนเต็ม ตั้งแต่ 20 - 200  บาทค่ะ');
                    $('#transferAmount').focus();
                    return false;
                }
                var transferAmountInt = parseInt(transferAmount);
                if(transferAmountInt < 20 || transferAmountInt > 200) {
                    alert('ขอโทษค่ะ คุณใส่จำนวนเงินไม่ถูกต้อง กรุณาใส่จำนวนเงินที่ต้องการโอนเป็นจำนวนเต็ม ตั้งแต่ 20 - 200  บาทค่ะ');
                    $('#transferAmount').focus();
                    return false;
                }
                return true;
            }

            function getConfirmPopUpMessage() {
               return confirmPopUpMessage;
            }

            function handleConfirm() {
                if(validate()) {
                    $.ajax({
                        type : 'post',
                        url : '${pageContext.request.contextPath}/Balance2Transfer.do',
                        data : 'fnc=Balance2Transfer&action=result2transfer&sourcedest=' + $('#receiverPhoneNumber').val() + '&amt=' + $('#transferAmount').val(),
                        dataType : 'json',
                        success : function(data) {
                            if(checkResult(data)) {
                                alert('errorCode: ' + data.errorCode + '\nerrorMsg: ' + htmlDecode(data.errorMsg) + '\nerrorTuxMsgTextEng: ' + htmlDecode(data.errorTuxMsgTextEng) + '\nerrorTuxMsgTextThai: ' + htmlDecode(data.errorTuxMsgTextThai));
                            }
                        },
                        error : function(xhr, ajaxOptions, thrownError) {
                                alert(xhr.status + '\n' + thrownError);
                        }
                    });
                }
            }
        </script>

    </head>
    <body>
        <div id="header">
            <%@ include file="../head.jsp" %>
        </div>

        <div id="container">
            <div id="pathway">
                <a href="${pageContext.request.contextPath}/index.html" class="link2">บริการผ่านเว็บ</a> &gt;
                <a href="${pageContext.request.contextPath}/index.html?page=Welcome"  class="link2">ข้อมูลส่วนตัวและแพ็กเกจ</a> &gt;
                <a class="link2">บริการใจดีให้โอน</a>
            </div>
            <div id="main">
                <%@ include file="../menu.jsp" %>
                <div id="content">
                    <div class="content-middle">

                        <!--เนื้อหาเริ่มที่นี่-->
                        <table width="100%" cellpadding="2" cellspacing="2" height="500">
                            <tr>
                                <td valign="top">





                                    <table width="650" border="0" cellspacing="0" cellpadding="0">

                                        <!--SVLT.VAR:CONF_TOP-->
                                        <%@ include file="../control_panel.jsp" %>

                                        <tr>

                                            <td> <table width="100%" border="0" cellspacing="3" cellpadding="0">

                                                    <tr>

                                                        <td width="2%"><img src="${RESOURCE}/tha/images/14_webservice_bullet01.gif" width="9" height="9" /></td>

                                                        <td width="98%" class="textnormal_bold"><img src="${RESOURCE}/tha/images/14_webservice_subtitle09.gif" width="350" height="22" /></td>

                                                    </tr>

                                                    <tr>

                                                        <td>&nbsp;</td>

                                                        <td class="textnormal">บริการดีๆ ที่ให้คุณแบ่งปันความสุขไปยังคนรอบข้างได้ง่ายๆ ด้วยการโอนค่าโทรจากเบอร์ของคุณ

                                                            <br/>

									ไปยังเบอร์ของคนใกล้ชิด รายละเอียดที่ควรทราบก่อนใช้บริการ <a target="_blank" href="http://www.happy.co.th/th/low/07_jaidee_hai_own.php" style="color: rgb(255, 0, 0); font-weight: bold; text-decoration: underline;">คลิกที่นี่</a></td>

                                                    </tr>

                                                </table></td>

                                        </tr>

                                        <tr>

                                            <td height="15" align="center">&nbsp;</td>

                                        </tr>

                                        <tr>

                                            <td height="15" align="left"><br/>

                                                <table width="80%" border="0" align="center" cellpadding="2" cellspacing="2">




                                                    <tr>

                                                        <td width="45%" align="right" class="textnormal_bold">เบอร์แฮปปี้ของผู้โอน:</td>

                                                        <td><input type="text" readOnly id="senderPhoneNumber" name="tel_from" value="<%= session.getAttribute("username") %>" class="txt_search_c04" size="30" /></td>

                                                    </tr>

                                                    <tr>

                                                        <td align="right" class="textnormal_bold">&nbsp;</td>

                                                        <td><font color="#FF0000" class="textredsmall">ความยาว 10 หลัก (08xxxxxxxx)</font></td>

                                                    </tr>

                                                    <tr>

                                                        <td align="right" class="textnormal_bold">เบอร์แฮปปี้ของผู้รับโอน:</td>

                                                        <td><input id="receiverPhoneNumber" name="to_phone_no" maxlength="10" type="text" class="txt_search_c04" size="30" autocomplete="off" />

                                                            <span class="textnormal"></span> &nbsp; </td>

                                                    </tr>

                                                    <tr>

                                                        <td align="right" class="textnormal_bold">&nbsp;</td>

                                                        <td><font color="#FF0000" class="textredsmall">ความยาว 10 หลัก (08xxxxxxxx)</font></td>

                                                    </tr>

                                                    <tr>

                                                        <td align="right" class="textnormal_bold"> จำนวนเงินที่ต้องการโอน:<span class="head"><br/>

                                                            </span></td>

                                                        <td><input id="transferAmount" name="balance_amt" maxlength="3" type="text" class="txt_search_c04" size="30" />

                                                            <span class="textnormal">บาท</span> &nbsp; </td>

                                                    </tr>

                                                    <tr>

                                                        <td align="right" class="textnormal_bold">&nbsp;</td>

                                                        <td class="textredsmall"><font color="#FF0000">*ระบุเป็นจำนวนเต็มตั้งแต่ 20-200 บาท</font></td>

                                                    </tr>

                                                </table>

                                                <br/>

                                                <br/>

                                                <table width="250" border="0" align="center" cellpadding="5" cellspacing="0">

                                                    <tr align="center" valign="top">

                                                        <td><a href="javascript:void(0);" onclick="doSubmit();"><img src="${RESOURCE}/tha/images/14_webservice_submit.gif" width="58" height="23" border="0" /></a></td>

                                                        <td><a href="${pageContext.request.contextPath}/index.html?page=Welcome"><img src="${RESOURCE}/tha/images/14_webservice_cancel.gif" width="58" height="23" border="0" /></a></td>

                                                    </tr>

                                                </table>

                                                <p>&nbsp;</p></td>

                                        </tr>

                                        <!--SVLT.VAR:CONF_BOTTOM-->
                                        <%@ include file="../tail.jsp" %>

                                    </table>









                                </td>
                            </tr>
                        </table>
                        <!--เนื้อหาสิ้นสุดที่นี่-->

                    </div>
                    <div class="content-bottom"></div>
                </div>
            </div>
        </div>
        <div id="footer">
            <img src="${RESOURCE}/tha/images/copy_right.jpg" />
            <a href="http://www.dtac.co.th" target="_blank"><img src="${RESOURCE}/tha/images/dtact_logo.jpg" border="0" /></a>
            <a href="http://www.happyvirus.com" target="_blank"><img src="${RESOURCE}/tha/images/virus_icon.jpg" border="0" /></a>
        </div>
    </body>
</html>
